$sc:black;
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
body{
    width: 100%;
    font-size: 10px;
    color:"$sc"
}
#wrap{
    width: 100%;
  
}
header{
        width: 100%;
         height: 30px;
        background-color: #ccc;
        line-height: 30px;
       .nav{
         width: 80%;  margin: auto;
         span{
             margin: auto 2px;
         }
        a{
            color:$sc;
            text-decoration: none;
                &:hover{
                   text-decoration:underline; 
                }
        }
        .first{
            float: left;
        }
        .second{
            float: right;
        }
    }
}
#logo{
    width: 80%;
    margin: auto;
    height: 80px;
    line-height: 80px;
    font-size: 12px;
    img{
        margin-top:30px;
        height: 35px;
    }
    ul{ 
        display: inline-block;
        float: right;
        li{
          float: left;
          span{
           padding: 10px;
          height:22px; 
          outline: none;
              &:hover{
               background: red;
                  }  
          }
 
        }
    }
}
#lunbo{
    
    width: 80%;
    margin: auto;
}
#tu{
    width: 100%;
    background: #ccc;
    
    #tu1{
        width: 80%;
        margin: auto;
        display: flex;
        span{
            width: 25%;
            align-items: center;
                img{
                    width: 100%;
                }
            }
       }
    p{
        width: 80%;
        margin: auto;
        font-size: 20px;
        height: 60px;
        padding: 30px;
        span{
            float: right;
            font-size:10px;
        }
    }
    #free{
        width: 80%;
        margin: auto;
        background: white;
        display: flex;
        flex-wrap: nowrap;
        #free1{
             width:200px;  
        }
        #free2{ 
            display: flex;
            float: left;
            width: 100%;
                dl{
                      width: 15%;
                      flex-wrap: nowrap;
                      align-items: center;
                      justify-content: space-around;
                      margin-top:80px ;
                      margin-left: 30px;
                            dt{ 
                                width: 80%;
                                margin: auto;
                                img{
                                  width: 100%;
                                }
                            }
                }
        }
    }
}
//suo
#sou{
    width: 80%;
    display: flex;
    flex-wrap: nowrap;
    margin: 40px auto;
    select{
        width: 100px;
        display: inline-block;
        height: 45px;
        border-color: green;
    }
    input{
        margin-left: 200px;
        width: 400px;
        height: 45px;
        border-color: green;
    }
    button{
        width: 105px;
        background: green;
        height: 45px;
        border-color: green;
    }
}
